<template>
  <div>
    <div class="assetsitem">
      <p class="title"><el-icon><List /></el-icon>客户资产负债余额</p>
      <el-descriptions class="leveDiv" border>
          <el-descriptions-item
            v-for="(item, index) in assetsItems"
            :key="index"
            :label="item.label"
          >
            <span>{{ valueObj[item.tipsCode] }}</span>
          </el-descriptions-item>
      </el-descriptions>
    </div>
    <div class="assetsitem">
      <p class="title"><el-icon><List /></el-icon>客户资产负债月日均</p>
      <el-descriptions class="leveDiv" border>
          <el-descriptions-item
            v-for="(item, index) in assetsItems"
            :key="index"
            :label="item.label"
          >
            <span>{{ valueObj[item.tipsCode] }}</span>
          </el-descriptions-item>
      </el-descriptions>
    </div>
    <div class="assetsitem">
      <p class="title"><el-icon><List /></el-icon>客户资产负债年日均</p>
      <el-descriptions class="leveDiv" border>
          <el-descriptions-item
            v-for="(item, index) in assetsItems"
            :key="index"
            :label="item.label"
          >
            <span>{{ valueObj[item.tipsCode] }}</span>
          </el-descriptions-item>
      </el-descriptions>
    </div>
  </div>
</template>
<script>
export default {
  setup() {
    const assetsItems = ref([
      {label:'存款余额',tipsCode:'leve'},
      {label:'理财余额',tipsCode:'leveNow'},
      {label:'基金余额',tipsCode:'leveTS'},
      {label:'贷款余额',tipsCode:'leveTime'},
      {label:'总资产余额',tipsCode:'leveTime'},
      {label:'客户历史等级信息',tipsCode:'leveTime'},
      {label:'代销信托/资管计划余额',tipsCode:'leveTime'},
      {label:'当年保险销量/余额',tipsCode:'leveTime'},
      {label:'结构性存款余额',tipsCode:'leveTime'},
      {label:'当年贵金属销量',tipsCode:'leveTime'},
    ])
    const valueObj = ref({
      leve:'砖石客户',leveNow:'砖石客户1',leveTS:'黄金客户',leveTime:'2019-10-12',isHight:'1',leveHis:'111',
    })
    const radio1 =  ref('图')
    return {
      assetsItems,
      valueObj,
      radio1
    }
  }
}
</script>
<style lang="scss" scoped>
.leveDiv{
  padding: 10px 0;
}
.title{
  font-size: 14px;
  color: #7B7F8C;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.assetsitem{
  margin-bottom: 10px;
}
</style>